<div class="data-trend page-box">
    <h1><span><img src="../../image/title-trend.png"> </span></h1>
    <!--h1 end-->
    <div class="trend-con box-con">
        <div class="trend-Change" id="barChart">
            <div class="left">
                <ul>
                    <li ng-repeat="item in leftList track by $index">
                        <div class="li-module">
                            <span style="height: {{item.precent}}%">
                                <p>
                                    <i ng-class="{increase: item.increase, reduce: !item.increase}">
                                    </i>
                                    {{item.value}}
                                </p>
                            </span>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="center">
                <ul>
                    <li>
                        <div class="li-module">
                            <span style="height:{{centerHeight}}%;">
                                <p>{{centerText}}</p>
                            </span>
                            <div class="wave" style="bottom:{{centerHeight}}%;" wave-chart color="#7cf7dc"></div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="right">

            </div>
        </div>
        <div class="trend-pic" id="lineAreaChart">

        </div>
    </div>
</div>